<!DOCTYPE html>
<!--模板VR湖南做-->
<html lang="zh-cn">
    <head>
        <title>全景</title>
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <meta name="renderer" content="webkit">
        <meta itemprop="name" content='8888'/>
        <meta itemprop="image" content='#'/>
        <meta name="description" itemprop="description" content=''/>
        <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta content="no-cache, no-store, must-revalidate" http-equiv="Cache-Control"/>
        <meta content="no-cache" http-equiv="Pragma"/>
        <meta content="0" http-equiv="Expires"/>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <link rel="stylesheet" href="/3d/css/zui.min.css"/>
        <link rel="stylesheet" href="/3d/css/fileinput.min.css"/>
        <link rel="stylesheet" href="/3d/css/bootstrap-switch.css"/>
        <link rel="stylesheet" href="/3d/css/chosen.min.css"/>
        <link rel="stylesheet" href="/3d/css/zui.datatable.min.css"/>
        <link rel="stylesheet" href="/3d/css/response.css"/>
        <link rel="stylesheet" href="/3d/css/redefine.css">
        <link rel="stylesheet" href="/3d/css/alivideo.css"/>
        <script language="JavaScript" type="text/javascript" src="/3d/js/kr/uhweb.js"></script>
        <script language="JavaScript" type="text/javascript" src="/3d/js/kr/polygonHotSpot.js"></script>
        <script type="text/javascript" src="/3d/js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="/3d/js/zui.js"></script>
        <script type="text/javascript" src="/3d/js/bootstrap-switch.min.js"></script>
        <script type="text/javascript" src="/3d/js/chosen.js"></script>
        <script type="text/javascript" src="/3d/js/zui.datatable.min.js"></script>
        <script type="text/javascript" src="/3d/js/zui.sortable.min.js"></script>
        <script type="text/javascript" src="/3d/js/bootbox.js"></script>
        <script type="text/javascript" src="/3d/js/fileinput-v4.34.js"></script>
        <script type="text/javascript" src="/3d/js/fileinput_locale_zh.js"></script>
        <script type="text/javascript" src="/3d/js/common.js"></script>
        <script type="text/javascript" src="/3d/js/submit.js"></script>
        <script type="text/javascript" src="/3d/js/biz.js"></script>
        <script type="text/javascript" src="/3d/kindeditor/kindeditor-min.js"></script>
        <script language="JavaScript" type="text/javascript" src="/3dstatic/js/kr/video_patch.js"></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
            wx.config({
                debug: false,
                appId: 'wxbf07efa36fbda665',
                timestamp: 6372305749,
                nonceStr: 'sHaQAeklmLvTLV2P',
                signature: 'bc4036492f4355c6d566a9242f92213566efe4e9',
                jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'hideMenuItems', 'showMenuItems', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem', 'translateVoice', 'startRecord', 'stopRecord', 'onVoiceRecordEnd', 'playVoice', 'onVoicePlayEnd', 'pauseVoice', 'stopVoice', 'uploadVoice', 'downloadVoice', 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage', 'getNetworkType', 'openLocation', 'getLocation', 'hideOptionMenu', 'showOptionMenu', 'closeWindow', 'scanQRCode', 'chooseWXPay', 'openProductSpecificView', 'addCard', 'chooseCard', 'openCard']
            });

            wx.ready(function() {

                wx.onMenuShareAppMessage({
                    title: '天人新视界/全国摄影艺术展览60年回顾展览',
                    desc: '全国摄影艺术展览由中国摄影家协会于1957年创办，迄今已有60年的历史，共展出上万幅佳作，在全国摄影人的心目中拥有举足轻重的地位。60年来，全国影展与祖国一路同行，见证了中华民族从站起来、富起来到强起',
                    link: 'http://www.trxsj.cn/index.html',
                    imgUrl: '/vrimg/img/20200420163318.jpg',
                    trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                    // alert('用户点击发送给朋友');
                    },
                    success: function(res) {// alert('已分享');

                    //alert(result12.value)

                    },
                    cancel: function(res) {
                        alert('已取消');
                    },
                    fail: function(res) { alert(JSON.stringify(res));
                    }
                });

                wx.onMenuShareTimeline({
                    title: '天人新视界/全国摄影艺术展览60年回顾展览',
                    link: 'http://www.trxsj.cn/index.html',
                    imgUrl: '/vrimg/img/20200420163318.jpg',
                    trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                    // alert('用户点击分享到朋友圈');
                    },
                    success: function(res) {
                    //alert('已分享1');
                    },
                    cancel: function(res) {
                        alert('已取消');
                    },
                    fail: function(res) {
                        alert(JSON.stringify(res));
                    }
                });
            });

            wx.error(function(res) {
            //alert("失败");

            });
        </script>
        <style>
            @-ms-viewport {
                width: device-width;
            }

            @media only screen and (min-device-width: 800px) {
                html {
                    overflow:hidden;
                }
            }

            html {
                height: 100%;
            }

            body {
                height: 100%;
                overflow: hidden;
                margin: 0;
                padding: 0;
                font-family: microsoft yahei, Helvetica, sans-serif;
                background-color: #000000;
            }

            .marquee {
                position: absolute;
                overflow: hidden;
                height: 34px;
                line-height: 34px;
                width: 100%;
                white-space: nowrap;
                z-index: 800;
                color: white;
                text-align: right;
                padding-right: 10px;
                letter-spacing: 1px;
                font-family: 黑体;
                font-size: 15px;
                background: rgba(0,0,0,.3);
            }

            #authorDiv {
                font-size: 16px;
            }

            #viewnumDiv {
                font-size: 16px;
            }
        </style>
        <script type="text/javascript">
            
        $(function () {
            setSize();
        });
        function setSize() {
            var swidth = $(window).width();
            var pwidth = $("#div_place").width();
            var w = (swidth - pwidth) / 2;
            $(".vrshow_container_4_min").css("left", w);
        }
        $(window).resize(function () {
            setSize();
        });
    
        </script>
    </head>
    <body>
        <script language="JavaScript" type="text/javascript" src="/3d/js/tour.js"></script>
        <div id="fullscreenid" style="position:relative;width:100%; height:100%;">
            <div class="marquee" id="top_ad">
                <marquee direction="left" behavior="scroll" scrollamount="5" scrolldelay="0" loop="-1" hspace="0" vspace="0"></marquee>
            </div>
            <div class="vrshow_tour_btn_wrap" id="tour_btn_wrap">
                <div class="vrshow_tour_btn_oper" style="margin-right: 20px;">
                    <span class="btn_tour_text" style="text-align:center " onClick="tour_guid_pause(this)">暂停</span>
                </div>
                <div class="vrshow_tour_btn_oper">
                    <span class="btn_tour_text" style="text-align:center " onClick="tour_guid_stop()">停止</span>
                </div>
            </div>
            <div id="panoBtns">
                <div class="vrshow_container_logo">
                    <div class="vrshow_logo_title" id="user_name_wrap">
                        <div id="authorDiv" style="display: none;font-size: 12px;display: inline-block;margin-right: 10px; margin-left: -5px;">
                            Auth.
                            <a href="#" style="text-decoration: none;display: inline;color:#fff;">
                                <span id="user_nickName">天人新视界</span>
                            </a>
                        </div>
                        <div id="viewnumDiv" style="font-size: 12px;display: inline-block;">
                            Pv：<span id="user_viewNum">0</span>
                        </div>
                        <div style="clear:both;"></div>
                    </div>
                    <img id="logoImg" src="/3d/img/logo.png" style="display: none;" onclick="javascript:window.open('http://www.0123vr.cn/')">
                </div>
                <div class="vrshow_container_1_min" style="display: none;">
                    <div class="btn_fullscreen" onClick="fullscreen(this)" style="display:none;"></div>
                    <!-- <div class="btn_bgmusic" onClick="pauseMusic(this)" style="display:none"></div> -->
                    <div class="btn_gyro" onClick="toggleGyro(this)" style="display:none;"></div>
                    <style>
                        .btn_bgmusic {
                            background: url("/img/bgmusic-open.png") no-repeat;
                            background-size: 40px;
                            width: 40px;
                            height: 40px;
                            display: inline-block;
                        }

                        .btn_bgmusic_off {
                            background: url("/img/bgmusic-close.png") no-repeat;
                            background-size: 40px;
                            width: 40px;
                            height: 40px;
                            display: inline-block;
                            vertical-align: sub;
                            margin-left: 2px;
                            margin-right: 2px;
                        }

                        @media screen and (max-width: 767px) {
                            .btn_bgmusic {
                                background-size: 16px;
                            }

                            .btn_bgmusic_off {
                                background-size: 16px;
                                width: 16px;
                                height: 16px;
                            }
                        }
                    </style>
                    <script type="text/javascript">
                        
    $(function () {
        plugins_init_function.push(vcard_init);
        $('.btn_showcard').click(function () {
            $('#vcardModal').modal('show');
            toggleBtns(false);
        })
    });
    function vcard_init(data) {
        if (data.vcard && data.vcard.flag_vcard == 1) {
            $('.btn_showcard').show();
            $('#vcardModal').find('.company').text(data.vcard.company);
            $('#vcardModal').find('.phone>a').text(data.vcard.phone).attr('href', 'tel://' + data.vcard.phone);
            $('#vcardModal').find('.email').text(data.vcard.email);
            $('#vcardModal').find('.address').text(data.vcard.addr);
            $('#vcardModal').find('.wechat').text('企业微信公众号：' + data.vcard.wx);
            $('#vcardModal').find('.qq').text(data.vcard.qq);
            $('#vcardModal').find('.cardLogo img').attr('src', data.vcard.logo);
            $('#vcardModal').find('.wxLogo img').attr('src', data.vcard.wx_logo);
        }
    }
    function hideVcard() {
        $('#vcardModal').modal('hide');
        toggleBtns(true);
    }
    function showCard() {
        _hmt.push(['_trackEvent', '用户', '企业名片', '事件']);
        var krpano = document.getElementById('krpanoSWFObject');
        krpano.call("showCard('/member/vcard?act=view&view_uuid=" + _view_uuid + "');");

    }

                    </script>
                    <style>
                        .btn_music {
                            background: url("/3d/img/music-open.png") no-repeat;
                        }

                        .btn_music_off {
                            background: url("/3d/img/music-close.png") no-repeat;
                        }
                    </style>
                    <script>
                        $(function() {
                            plugins_init_function.push(bgvoice_init);
                        })
                        function bgvoice_init(data, settings) {
                            var speechObj = JSON.parse(data.speech_explain);
                            if (speechObj.isWhole == '1') {
                                if (speechObj.useSpeech == '1') {
                                    settings["onstart"] += "playsound(bgspeech, '" + speechObj.mediaUrl + "', 0);";
                                }
                            } else {
                                $(speechObj.sceneSettings).each(function(idx) {
                                    if (this.useSpeech == '1') {
                                        settings['scene[scene_' + this.imgUuid + '].bgspeech'] = this.mediaUrl;
                                    }
                                });
                            }
                            settings["events[skin_events].onloadcomplete"] += "js(toggleSpeechBtn(get(xml.scene)));";
                        }
                        function toggleSpeechBtn(sceneName) {
                            var speechObj = JSON.parse($("body").data("panoData").speech_explain);
                            if (speechObj.isWhole == '1') {
                                if (speechObj.useSpeech == '1') {
                                    $('.btn_music').show();
                                } else {
                                    $('.btn_music').hide();
                                }
                            } else {
                                var imgUuid = sceneName.substring(sceneName.indexOf("_") + 1, sceneName.length).toLowerCase();
                                $(speechObj.sceneSettings).each(function(idx) {
                                    if (imgUuid == this.imgUuid) {
                                        if (this.useSpeech == '1') {
                                            $('.btn_music').show();
                                        } else {
                                            $('.btn_music').hide();
                                        }
                                    }
                                });
                            }
                        }
                        function pauseSpeech(el) {
                            var krpano = document.getElementById('krpanoSWFObject');
                            krpano.call("pausesoundtoggle(bgspeech);pausesoundtoggle(bgs);");
                            toggleSpeech(el);
                        }
                        function toggleSpeech(el) {
                            if ($(el).hasClass("btn_music")) {
                                $(el).removeClass("btn_music");
                                $(el).addClass("btn_music_off");
                            } else {
                                $(el).removeClass("btn_music_off");
                                $(el).addClass("btn_music");
                            }
                        }
                    </script>
                </div>
                <div class="vrshow_radar_btn" onClick="toggleKrpSandTable()">
                <!--沙盘 -->
                </div>
                <div class="vrshow_tour_btn" onClick="startTourGuide()">
                    <span class="btn_tour_text">一键导览</span>
                </div>
                <div class="vrshow_container_2_min">
                    <div class="img_desc_container_min" id="cardDiv" style="display:none;">
                        <img src="/3d/img/money.png" class="" onClick="chooseCard()">
                        <div class="img_desc_min">卡券</div>
                    </div>
                    <div class="img_desc_container_min" id="footmarkDiv">
                        <img src="/3d/img/footmark.png" onClick="showFootMark()">
                        <div class="img_desc_min">足迹</div>
                    </div>
                    <div class="img_desc_container_min" id="shareDiv" style="display: none">
                        <img src="/3d/img/vr-btn-share.png" onClick="getQRCodePic()">
                        <div class="img_desc_min">分享</div>
                    </div>
                    <div class="img_desc_container_min" id="disDiv">
                        <img class="" src="/3d/img/vr-btn-discovery.png" onclick="showDiscovery()">
                    </div>
                    <script>
                        $(function() {
                            plugins_init_function.push(hideshare_init);
                        });
                        function hideshare_init(data) {
                            if (data.footmark == "1") {
                                $("#footmarkDiv").hide();
                            }
                        }
                        function showDiscovery() {
                            if ($("#disDiv img").hasClass("open")) {
                                $(".dis-container").hide();
                                $("#disDiv img").removeClass("open");
                            } else {
                                $(".dis-container").show();
                                $("#disDiv img").addClass("open");
                            }
                        }
                        ;</script>
                    <style>
                        .vrshow_comment {
                            position: absolute;
                            bottom: 10%;
                            left: 50%;
                            margin-left: -200px;
                            width: 400px;
                            min-height: 100px;
                            background-color: rgba(51, 51, 51, 0.8);
                            z-index: 4300;
                            color: #fff;
                            border-radius: 5px;
                            display: none;
                        }

                        .dis-container {
                            display: none;
                            width: 250px;
                            height: 250px;
                            background-color: rgba(0,0,0,.6);
                            border-radius: 8px;
                            position: fixed;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%,-50%);
                            z-index: 99999;
                        }

                        .dis-container .dis-select {
                            width: 80px;
                            text-align: center;
                            position: absolute;
                        }

                        .dis-container .dis-select img {
                            width: 30px;
                        }

                        .dis-container .dis-select p {
                            font-size: 14px;
                            color: #FFFFFF;
                            margin-top: 10px;
                            line-height: 15px;
                        }

                        .dis-container .dis-select:nth-child(1) {
                            top: 17px;
                            left: 20%;
                        }

                        .dis-container .dis-select:nth-child(2) {
                            top: 17px;
                            right: 20%;
                        }

                        .dis-container .dis-select:nth-child(3) {
                            top: 100px;
                            right: 0;
                        }

                        .dis-container .dis-select:nth-child(4) {
                            top: 100px;
                            left: 0;
                        }

                        .dis-container .dis-select:nth-child(5) {
                            bottom: 17px;
                            left: 20%;
                        }

                        .dis-container .dis-select:nth-child(6) {
                            bottom: 18px;
                            right: 20%;
                        }

                        .vrshow_container_3_min {
                            transform: translateX(-330px)
                        }

                        .btn_bgmusic {
                            display: inline-block;
                            width: 40px;
                            height: 40px;
                            vertical-align: sub;
                            margin-left: 2px;
                            margin-right: 2px;
                        }

                        @media screen and (max-width: 767px) {
                            .vrshow_comment {
                                width: 250px;
                                margin-left: -125px;
                            }

                            .dis-container {
                                width: 250px;
                            }

                            .vrshow_container_3_min {
                                transform: translateX(-200px)
                            }

                            .btn_bgmusic {
                                width: 16px;
                                height: 16px;
                            }
                        }
                    </style>
                    <script src="/3d/js/comment.js"></script>
                </div>
                <div class="dis-container">
                    <div class="dis-select">
                        <img src="/3d/img/skin1/vr-btn-zhongx.png">
                        <p>调整重心</p>
                    </div>
                    <div class="dis-select" onClick="fullscreen(this)">
                        <img src="/3d/img/skin1/vr-btn-quanp.png">
                        <p>VR全屏</p>
                    </div>
                    <div class="img_desc_container_min dis-select" id="shareDiv">
                        <img src="/3d/img/skin1/vr-btn-fenx.png" onClick="getQRCodePic()">
                        <p class="img_desc_min">分享</p>
                    </div>
                    <div class="dis-select">
                        <img src="/3d/img/skin1/vr-btn-zuoz.png">
                        <p>作者</p>
                    </div>
                    <div class="img_desc_container_min dis-select" id="cardDiv">
                        <img src="/3d/img/skin1/vr-btn-hez.png" class="" onClick="chooseCard()">
                        <p class="img_desc_min">商业合作</p>
                    </div>
                    <div class="dis-select">
                        <img src="/3d/img/skin1/vr-btn-gengd.png">
                        <p>更多</p>
                    </div>
                </div>
                <div class="vrshow_container_3_min">
                    <div class="3_min" style="display: inline-block;">
                        <div class="img_desc_container_min scene-choose-width">
                            <img src="/3d/img/skin1/vr-btn-scene.png" onClick="showthumbs()">                        
                        </div>
                        <div class="img_desc_container_min" id="profileDiv">
                            <img src="/3d/img/skin1/vr-btn-desc.png" onClick="showProfile()">
                        </div>
                        <div class="img_desc_container_min" id="praiseDiv" style="position:relative;" onClick="toRed()">
                            <img id="btnpraise" src="/3d/img/skin1/vr-btn-good-click.png" class="black">
                            <p style="color:red;font-size:12px;position:absolute;top:-25px;right:2px;display:none;">+1</p>
                        </div>
                        <div class="img_desc_container_min" id="comment_div">
                            <img src="/3d/img/skin1/vr-btn-comment.png" onClick="show_comment()">
                        </div>
                        <div class="btn_bgmusic" onClick="pause_bgMusic(this)"></div>
                    </div>
                    <div class="img_desc_container_min nav-open" style="padding-left: 15px;border-left: 1px solid #eee;">
                        <img class="arrow-btn close" src="/3d/img/skin1/vr-btn-arrow.png" onClick="showVrNav()" style="transform: rotate(180deg);">
                    </div>
                </div>
            </div>
            <div id="pano" style="width:100%; height:100%;"></div>
            <script>
                $("#krpanoSWFObject").click(function() {
                    $(".dis-container").hide();
                    $("#disDiv img").removeClass("open");
                    console.log("执行了")
                });
                var black = "/3d/img/skin1/vr-btn-good-click.png";
                var red = "/3d/img/skin1/vr-btn-good-red.png";
                function toRed() {
                    if ($("#praiseDiv img").hasClass("black")) {
                        $("#praiseDiv img").attr("src", red);
                        $("#praiseDiv img").removeClass("black");
                        $("#praiseDiv p").fadeIn();
                    } else {
                        $("#praiseDiv img").attr("src", black);
                        $("#praiseDiv img").addClass("black");
                        $("#praiseDiv p").fadeOut();
                    }
                }
                ;function browserRedirect() {
                    var sUserAgent = navigator.userAgent.toLowerCase();
                    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
                    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                    var bIsAndroid = sUserAgent.match(/android/i) == "android";
                    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                    var bIsWM = sUserAgent.match(/windows phone/i) == "windows mobile";
                    var bIsMobile = sUserAgent.match(/mobile/i) == "mobile";
                    var bIsPlaybook = sUserAgent.match(/playbook/i) == "playbook";
                    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM || bIsMobile || bIsPlaybook) {
                        $(".vrshow_container_3_min").css("width", "255px")
                        $(".3_min").css("width", "170px")
                        val = -200;
                    } else {
                        $(".vrshow_container_3_min").css("width", "420px")
                        $(".3_min").css("width", "310px")
                        val = -330;
                    }
                }
                browserRedirect();
                function showVrNav() {
                    if ($(".nav-open img").hasClass("close")) {
                        $(".vrshow_container_3_min").css("transform", "translateX(0px)");
                        $(".arrow-btn").css("transform", "rotate(0deg)");
                        $(".nav-open img").removeClass("close");
                    } else {
                        $(".vrshow_container_3_min").css("transform", "translateX(" + val + "px)");
                        $(".arrow-btn").css("transform", "rotate(180deg)");
                        $(".nav-open img").addClass("close");
                    }
                }
            </script>
            <script>
                $(function() {

                    plugins_init_function.push(praise_init);
                })
                function praise_init(data) {
                    if (data.hidepraise_flag == '1') {
                        $("#praiseDiv").hide();
                    } else {
                        var value = $.zui.store.get(work_view_uuid);
                        if (value) {
                            $("#btnpraise").attr('src', '/3d/img/skin1/vr-btn-good-click.png');
                        }
                        $("#praisedNum").text(data.praised_num);
                    }
                }
                /**
      * 赞加1，并且发起推送
      * @param obj
      */
                function addPraise(obj) {
                    var value = $.zui.store.get(work_view_uuid);
                    if (!value) {
                        $(obj).attr('src', '/3d/img/skin1/vr-btn-good-click.png');
                        $.zui.store.set(work_view_uuid, "1");

                        var num = $($(obj).next()).text();
                        num = parseInt(num);
                        $($(obj).next()).text(num + 1);

                        $.post("/tour.php", {
                            "view_uuid": work_view_uuid,
                            "act": "add_praise"
                        }, function(data) {//不做处理
                        })
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(bgmusic_init);
                })
                function bgmusic_init(data, settings) {
                    //背景音乐
                    //alert("背景音乐");
                    var musicObj = JSON.parse(data.bg_music);
                    if (musicObj.isWhole == '1') {
                        if (musicObj.useMusic == '1') {
                            settings["onstart"] += "playsound(bgmusic, '" + musicObj.mediaUrl + "', 0);";
                        }
                    } else {
                        $(musicObj.sceneSettings).each(function(idx) {

                            if (this.useMusic == '1') {
                                //alert(this.imgUuid);
                                settings['scene[scene_' + this.imgUuid + '].bgmusic'] = this.mediaUrl;
                            }
                        });
                    }
                    settings["events[skin_events].onloadcomplete"] += "js(toggleMusicBtn(get(xml.scene)));";
                }
                function toggleMusicBtn(sceneName) {
                    var musicObj = JSON.parse($("body").data("panoData").bg_music);
                    if (musicObj.isWhole == '1') {
                        if (musicObj.useMusic == '1') {
                            $('.btn_bgmusic,.btn_bgmusic_off').show();
                        } else {
                            $('.btn_bgmusic,.btn_bgmusic_off').hide();
                        }
                    } else {
                        var imgUuid = sceneName.substring(sceneName.indexOf("_") + 1, sceneName.length).toLowerCase();

                        // alert(imgUuid);

                        $(musicObj.sceneSettings).each(function(idx) {
                            if (imgUuid == this.imgUuid.toLowerCase()) {
                                if (this.useMusic == '1') {
                                    $('.btn_bgmusic,.btn_bgmusic_off').show();
                                } else {
                                    $('.btn_bgmusic,.btn_bgmusic_off').hide();
                                }
                            }
                        });
                    }
                }
                function pause_bgMusic(el) {
                    var krpano = document.getElementById('krpanoSWFObject');
                    // krpano.call("pausesoundtoggle(bgmusic);pausesoundtoggle(bgm);");
                    krpano.call("pausesoundtoggle(bgmusic);pausesoundtoggle(bgm);");
                    toggleMusic(el);
                }
                function toggleMusic(el) {
                    if ($(el).hasClass("btn_bgmusic")) {
                        $(el).removeClass("btn_bgmusic");
                        $(el).addClass("btn_bgmusic_off");
                    } else {
                        $(el).removeClass("btn_bgmusic_off");
                        $(el).addClass("btn_bgmusic");
                    }
                }
            </script>
            <style type="text/css">
                .modal-body .flex-box {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    font-size: 13px;
                    width: 100%
                }

                .modal-body .flex-box .width_control {
                    width: 50%;
                }
            </style>
            <div class="modal" id="pictextModal" data-backdrop="static" data-keyboard="false" style="z-index:2002">
                <div class="modal-dialog">
                    <div class="modal-header text-center">
                        <button type="button" class="close" onClick="hidePictext()">
                            <span>&times;</span>
                        </button>
                        <span style="color: #353535;font-weight:700" id="pictextWorkName">
                            <p>250</p>
                        </span>
                    </div>
                    <div style="height: 550px;overflow-y: scroll;">
                        <div class="modal-body" style="padding: 15px 50px;">
                            <div class="row" style="text-align: center;">
                                <img src="3d/img/banner.jpg" class="imgName" style="width: 488px;object-fit: contain;min-height: 200px;max-height: 600px;">
                            </div>
                        </div>
                        <div class="modal-body" style="padding: 15px 50px; display:none;">
                            <div class="flex-box">
                                <div class="width_control">
                                    作者：
                                <div style="display: inline-block;" id="pictextContent1"></div>
                                </div>
                                <div class="width_control">
                                    艺术类别：
                                <div style="display: inline-block;" id="pictextContent2"></div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-body" style="padding: 15px 50px;display:none;">
                            <div class="flex-box">
                                <div class="width_control">
                                    作品类型：
                               <div style="display: inline-block;" id="pictextContent3"></div>
                                </div>
                                <div class="width_control">
                                    尺寸：
                               <div style="display: inline-block;" id="pictextContent4"></div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-body" style="padding: 15px 50px;">
                            <div class="row" style="margin: 0">
                                <div style="display: none;" id="pictextContent5"></div>
                            </div>
                        </div>
                        <div class="modal-body" style="padding: 15px 50px; display: none; ">
                            <div class="row" style="margin: 0">释文简介:</div>
                            <div class="row" style="margin: 0">
                                <div style="display: inline-block;" id="pictextContent"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(function() {
                    plugins_init_function.push(showvrglass_init);
                })
                function showvrglass_init(data, settings) {
                    settings['skin_settings.webvr'] = data.hidevrglasses_flag == 1 ? false : true;
                }
                function showWebvrBtn() {
                    $('.btn_vrmode').show();
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(showlogo_init);
                })
                function showlogo_init(data) {
                    if (data.hidelogo_flag == '1') {
                        $("#logoImg").hide();
                    } else {
                        $("#logoImg").show();
                    }
                }
            </script>
            <script>
                $(function() {
                    $("#logoImg").show();
                    plugins_init_function.push(custom_logo_init);
                })
                function custom_logo_init(data) {
                    var logoObj = JSON.parse(data.custom_logo);
                    if (logoObj) {
                        if (logoObj.useCustomLogo == '1')
                            $('.vrshow_container_logo img').attr('src', logoObj.logoImgPath);
                        if (logoObj.logoLink)
                            $('.vrshow_container_logo img').attr('onclick', 'javascript:window.open("' + logoObj.logoLink + '")');

                    }
                }
            </script>
            <style type="text/css">
                #card_view {
                    display: none;
                    z-index: 9999;
                }

                #card_view .modal-dialog {
                    width: 490px;
                    background-color: #43a047;
                    position: relative;
                    padding: 50px 10px 30px 10px;
                    margin: auto;
                }

                #card_view .card_img {
                    position: absolute;
                    left: 40px;
                    top: -25px;
                    z-index: 9999;
                }

                #card_view .card_close {
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    right: 6px;
                    top: 5px;
                    background-color: #43a047;
                    border-radius: 25px;
                    padding-left: 6px;
                    padding-top: 2px;
                    cursor: pointer;
                }

                #card_view .card_close .icon-times {
                    color: #fff;
                    font-size: 18px;
                }

                #card_view .card_wrap {
                    background-color: #fff;
                    width 100%; min-height: 320px;
                    border-radius: 10px;
                }

                #card_view .card_title {
                    height: 50px;
                    background-color: #fff;
                    width: 100%;
                    border-radius: 10px;
                    text-align: center;
                    line-height: 50px;
                    position: relative;
                }

                #card_view .card_title span {
                    font-size: 27px;
                    font-weight: bold;
                    color: #434343;
                }

                #card_view .card_title div {
                    width: 15px;
                    height: 15px;
                    border-radius: 15px;
                    position: absolute;
                    background-color: #e4312d;
                    bottom: -8px;
                }

                #card_view .card_title .left_shade {
                    left: -7px;
                }

                #card_view .card_title .right_shade {
                    right: -7px;
                }

                #card_view .card_content {
                    margin-top: 20px;
                    padding: 20px;
                }

                #card_view .card_content .line {
                    height: 1px;
                    width: 30%;
                    border-bottom: 1px solid #e66565;
                }

                #card_view .card_content .card_sysm {
                    width: 100%;
                    height: 30px;
                    text-align: left;
                    line-height: 30px;
                    margin: auto;
                    border-bottom: 1px dotted #ccc;
                }

                #card_view .card_content .card_sysm span {
                    color: #333;
                }

                #card_view .card_content_text {
                    margin-top: 25px;
                }

                #card_view .card_content_date {
                    margin-top: 25px;
                }

                #card_view .card_footer {
                    height: 50px;
                    line-height: 45px;
                    text-align: center;
                    color: #ccc;
                }

                @media screen and (min-width: 320px) and (max-width: 480px) {
                    #card_view .modal-dialog {
                        width: 90%;
                    }
                }

                @media (max-width: 768px) {
                    #card_view .card_wrap {
                        background-color: #fff;
                        width 100%; height: 100%;
                        border-radius: 10px;
                        overflow-y: auto;
                    }
                }
            </style>
            <div class="modal  fade in" id="card_view" tabindex="-1" role="dialog">
                <div class="modal-dialog ">
                    <div class="card_close" data-dismiss="modal" aria-label="Close">
                        <i class="icon icon-times"></i>
                    </div>
                    <img src="../3d/img/sy-img.jpg">
                    <div class="card_wrap" style="display: none;">
                        <div class="card_title">
                            <span></span>
                        </div>
                        <div class="card_content">
                            <div class="card_sysm">
                                <span>使用说明</span>
                            </div>
                            <div class="card_content_text">
                                <pre style="border:0px;background-color: #ffffff;color: grey;font-size: 21px;line-height: 25px;padding: 0;"></pre>
                            </div>
                        </div>
                        <div class="card_content">
                            <div class="card_sysm">
                                <span>有效日期</span>
                            </div>
                            <div class="card_content_date">
                                <pre style="border:0px;background-color: #ffffff;color: grey;font-size: 18px;line-height: 25px;padding: 0;  text-align:center;color:#333"></pre>
                            </div>
                        </div>
                        <div class="card_content hide">
                            <img src=""/>
                        </div>
                        <div class="coupon_fetch_ct hide  text-center">
                            <button type="text" class="coupon_fetch btn btn-primary">领取</button>
                        </div>
                        <div class="card_footer">
                            <span>拍照或者截屏该卡券，展示给商家使用。</span>
                        </div>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                

    //底部菜单显示
    function chooseCard() {
        $('#card_view').modal('show');
        $(".dis-container").hide()

    }


    $(function () {

        plugins_init_function.push(coupons_init);
    })

    function Appendzero(obj) {
        if (obj < 10) return "0" + "" + obj;
        else return obj;
    }

    function coupons_init(data) {
        var coupons = data.coupons;
        if (coupons != null) {
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            var nday = year + '-' + Appendzero(month) + '-' + Appendzero(day);
            if (nday >= coupons.time_s && nday <= coupons.time_e && coupons.flag_coupons) {
                $('#cardDiv').show();
                $('#card_view .card_title>span').text(coupons.title);
                $('#card_view .card_content_text>pre').text(coupons.brief);
                $('#card_view .card_content_date>pre').html(coupons.time_s + '&nbsp;~&nbsp;' + coupons.time_e);

            }
        }
    }


            </script>
            <script>
                $(function() {
                    plugins_init_function.push(showreward_init);
                })

                function showreward_init(data) {
                    if (data.hidereward_flag !== '1') {
                        $('.btn_reward').hide();
                    } else {
                        $('.btn_reward').show();
                    }
                }
            </script>
            <div style="width:60%;height:482px;position:absolute;left:20%;top:140px;display:none;background:#fff" id="container">
                <iframe src="footer_marker.aspx" style="width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0" scrolling='no'></iframe>
                <div style="position:absolute;right:-5px;top:-5px;cursor:pointer" class="map_cha">
                    <img src="/3d/img/cha.png" style="width:25px;">
                </div>
                <div style="background:#3280fc;color:#fff;width:150px;height:40px;line-height:40px;text-align:center;position:absolute;right:15px;bottom:15px;cursor:pointer" class='my_zuji'>Ta的地图足迹
	</div>
            </div>
            <script>
                $("#footmarkDiv").click(function() {
                    $("#container").css("display", "block");
                });
                $(".map_cha").click(function() {
                    $("#container").css("display", "none");
                });
                $(".my_zuji").click(function() {
                    var my_location = document.location.href;
                    my_location = parent.location.pathname.substring(6, 23);
                    $.ajax({
                        url: "/fdata/getMarker.aspx",
                        data: {
                            "view_uuid": my_location
                        },
                        success: function(data) {
                            data = JSON.parse(data);
                            lc_address = data.lcposition;
                            lc_position = data.arr;
                            lc_user = data.user;
                            console.log(data);
                            window.location.href = "/mapFooter/person_footer.php" + lc_user;
                        }

                    });
                });
                $(function() {
                    plugins_init_function.push(footmarker_init);
                })
                function click_footer() {
                    $("#footmarkDiv").click(function() {
                        map_show();
                    });
                }
                function footmarker_init(data) {
                    if (data.footmark == '0') {
                        $('#footmarkDiv').hide();
                    }
                }
                function hideShareAndFootmarkBtn() {
                    //$("#shareDiv").hide();
                    $("#footmarkDiv").hide();
                }
                /*
	
    */
                function map_show() {
                    // var krpano = document.getElementById('krpanoSWFObject');
                    //var sceneName = krpano.get('xml.scene');
                    //var viewuuid = (sceneName.split('_'))[1].toUpperCase();
                    //var locationData = $('body').data(viewuuid);
                    // console.log(locationData);
                    //if(locationData){
                    //  _U.mapMarkModal().openModal(locationData,true);
                    // }else{
                    //   $.zui.messager.show('没有足迹', {placement: 'center', type: 'warning', time: '3000', icon: 'warning-sign'});
                    // }
                    var my_location = document.location.href;
                    //console.log(my_location);
                    my_location = my_location.substring(27, 43);
                    // console.log(my_location);
                    $.ajax({
                        url: "/getMarker.php",
                        data: {
                            "view_uuid": my_location
                        },
                        success: function(data) {
                            data = JSON.parse(data);
                            lc_address = data.lcposition;
                            lc_position = data.arr;
                            if (lc_address.length > 0) {
                                lc_position = lc_position.split(",");
                                console.log(lc_position);
                                init(lc_position[0], lc_position[1]);
                            } else {
                                $.zui.messager.show('没有足迹', {
                                    placement: 'center',
                                    type: 'warning',
                                    time: '3000',
                                    icon: 'warning-sign'
                                });
                            }
                        }
                    })
                }
                function showFootMark() {
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(gyro_init);
                })
                function gyro_init(data, settings) {

                    if (data.gyro != "0") {
                        //alert(data.gyro);
                        $(".btn_gyro").show;

                    }
                    settings['skin_settings.gyro'] = data.gyro == "0" ? true : false;
                }
                function showGyroBtn() {
                    var gyro = $("body").data("panoData").gyro;
                    if (gyro) {
                        var krpano = document.getElementById('krpanoSWFObject');
                        krpano.set("plugin[skin_gyro].enabled", false);
                        $(".btn_gyro").show();
                    }
                }

                function toggleGyro(el) {
                    var krpano = document.getElementById('krpanoSWFObject');
                    if ($(el).hasClass("btn_gyro")) {
                        krpano.set("plugin[skin_gyro].enabled", true);
                        $(el).removeClass("btn_gyro");
                        $(el).addClass("btn_gyro_off");
                    } else {
                        krpano.set("plugin[skin_gyro].enabled", false);
                        $(el).removeClass("btn_gyro_off");
                        $(el).addClass("btn_gyro");
                    }
                }
                function openGyro() {
                    var krpano = document.getElementById('krpanoSWFObject');
                    alert(krpano.get("plugin[skin_gyro].isavailable"));
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(link_init);
                    $('#mapMarkModal').on('hide.zui.modal', function(e) {
                        toggleBtns(true);
                    });
                })
                function link_init(data) {
                    //alert(data.url_phone_nvg);

                    var urlphonenvg = JSON.parse(data.url_phone_nvg);
                    // $(".vrshow_container_3_min .img_desc_container_min:first").nextAll().remove();
                    if (urlphonenvg.linkSettings && urlphonenvg.linkSettings.length > 0) {
                        $(urlphonenvg.linkSettings).each(function(idx) {
                            var imgSrc = this.imgPath;
                            var title = this.title;
                            var htmlStr = '';
                            if (this.type == 0) {
                                var locationData = this.content;
                                htmlStr += '<div class="img_desc_container_min img_add" >' + '<img src="' + imgSrc + '" onclick="openMapModal(this,true)">' + '<div class="img_desc_min">' + title + '</div>' + '</div>';
                                // $(".vrshow_container_3_min").append(htmlStr);
                                $("#comment_div").after(htmlStr)
                                $(".vrshow_container_3_min > div:last img").data("locationData", locationData);
                            } else {
                                var url = this.content;
                                if (!isNaN(url)) {
                                    url = "tel://" + url;
                                } else {
                                    if (url.indexOf('http://') != 0 && url.indexOf('https://') != 0) {
                                        url = 'http://' + url;
                                    }
                                }
                                htmlStr += '<div class="img_desc_container_min img_add" >' + '<img src="' + imgSrc + '" onclick="lookLinkUrl(\'' + url + '\')" ' + (isIos() ? '' : 'data-toggle="tooltip"') + ' title="' + (url.length > 20 ? url.substring(0, 20) + '...' : url) + '">' + '</div>';
                                // $(".vrshow_container_3_min").append(htmlStr);
                                $("#comment_div").after(htmlStr)
                            }
                        });
                        $('.vrshow_container_3_min [data-toggle=tooltip]').tooltip({});
                    }
                }
                function isIos() {
                    var ua = navigator.userAgent.toLowerCase();
                    if (/iphone|ipad|ipod/.test(ua)) {
                        return true;
                    }
                    return false;
                }
                function lookLinkUrl(url) {

                    window.open(url);
                }
                function openMapModal(el, readonly) {
                    // toggleBtns();
                    mapModalEl = el;
                    //_U.mapMarkModal().openModal($(mapModalEl).data("locationData"),readonly);
                    //console.log(mapModalEl.lng);
                    //console.log(mapModalEl.lat);
                    // console.log($(mapModalEl).data("locationData").lng);
                    //lng = $(mapModalEl).data("locationData").lng;
                    lng = "113.076101";
                    // console.log($(mapModalEl).data("locationData").lat);
                    //lat = $(mapModalEl).data("locationData").lat;

                    lat = "28.084065";
                    model = '<div style="position:absolute;left:25%;' + 'top:10%;width:50%;height:60%;border:1px solid #ccc;background:#fff;z-index:9999;' + 'border-radius:15px;"class="diaLog_qq">' + '<div style="position:absolute;left:0;top:0;height:50px;line-height:50px;padding-left:10px;">导航' + '</div>' + '<iframe src="//3gimg.qq.com/lightmap/v1/marker/?referer=myapp;&amp;key=YK6BZ-XG7KX-4A244-7FPRA-' + 'ESPTF-ZOBPF&marker=coord:' + lat + ',' + lng + '"' + 'frameborder="0" width="100%" height="88%" style="position:absolute;left:0;top:50px;">' + '</iframe>' + '<div class="s_close" style="position: absolute;right:20px;top:10px;' + 'width: 120px;height:30px;border:1px solid #ccc;text-align: center;line-height: 30px;border-radius:10px;">' + '<a href="javascript:;" style="text-decoration:none;color:#000">' + '关闭</a>' + '</div>' + '</div>';
                    //		console.log(model);
                    if ($(window).width() > 1024) {
                        //alert("PC"+$(window).width());
                        $("#fullscreenid").append(model);
                    } else {
                        //alert("mobile"+$(window).width());
                        window.location.href = "http://3gimg.qq.com/lightmap/v1/marker/?referer=myapp;&amp;key=ETYBZ-OUAW4-O3GU6-DCKMA-MNSPH-PSBSD&marker=coord:" + lat + "," + lng;
                    }

                    $(".s_close").click(function() {
                        $(".diaLog_qq").remove();
                    });
                }
            </script>
            <script>
                $(function() {
                    $("#authorDiv").show();
                    plugins_init_function.push(custom_user_init);
                })
                function custom_user_init(data) {
                    var logoObj = JSON.parse(data.custom_logo);

                    if (logoObj && logoObj.user) {
                        $("#user_nickName").text(logoObj.user);
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(open_alert_init);
                })
                function open_alert_init(data, settings) {
                    var openalert = JSON.parse(data.open_alert);

                    if (openalert.useAlert == '1') {
                        settings["events[skin_events].onloadcomplete"] += "show_open_alert('" + openalert.imgPath + "');";
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(custom_right_init);
                })
                function custom_right_init(data) {// $(".vrshow_container_3_min .img_desc_container_min:first").nextAll().remove();
                // if (data.url_phone_nvg.linkSettings && data.url_phone_nvg.linkSettings.length > 0) {
                //     $(data.custom_right_button.linkSettings).each(function(idx){
                //         var title = this.title;
                //         var htmlStr = '';
                //         var url = this.content;
                //            if(!isNaN(url)){
                //                url = "tel://" + url;
                //            }else{
                //                if(!(url.indexOf('http://') == 0)){
                //                    url = 'http://' + url;
                //                }
                //            }

                //     });
                // }

                }
                function lookLinkUrl(url) {
                    window.open(url);
                }
            </script>
            <div class="modal fade" id="vcardModal" data-backdrop="static" data-keyboard="false" style="z-index:2002">
                <div class="modal-dialog">
                    <div class="modal-header text-center" style="border-bottom:0px;">
                        <button type="button" class="close" onClick="hideVcard();">
                            <span style=" font-size:32px;">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row text-center" style="margin-top:5px;">
                            <div class="col-sm-12 col-xs-12 cardLogo">
                                <img src="/3d/img/custom_logo.png" height="70"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 col-xs-12 text-center wxLogo">
                                <img src="/3d/img/wx.jpg" height="222" style="margin-top:10px;border:1px solid #d3d3d3"/>
                            </div>
                            <div class="col-sm-6  col-xs-12">
                                <div class="vcard" style="margin-top:15px;">
                                    <h4 class="company"></h4>
                                    <p class="phone">
                                        <a href="###"></a>
                                    </p>
                                    <p class="email"></p>
                                    <p class="address"></p>
                                    <p class="wechat"></p>
                                    <p class="qq"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <style>
                .vcard p {
                    background: url(/3d/img/card/card-icon.gif) left top no-repeat;
                    color: #1d1d1d;
                    line-height: 27px;
                    margin: 0 0 5px;
                    padding: 0 0 0 36px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .vcard .phone {
                    background-position: 0 -32px;
                }

                .vcard .email {
                    background-position: 0 -65px;
                }

                .vcard .address {
                    background-position: 0 -194px;
                }

                .vcard .wechat {
                    background-position: 0 -162px;
                }

                .vcard .qq {
                    background-position: 0 -97px;
                }

                .vcardLogo {
                    height: 70px;
                    margin: auto auto 42px;
                }

                .vcard h4 {
                    color: #013364;
                    font-size: 18px;
                    font-weight: 400;
                    height: 32px;
                    line-height: 32px;
                    margin: 0 0 10px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .modal-dialog {
                    border-radius: 12px;
                }
            </style>
            <style type="text/css">
                @media(max-width: 768px) {
                    .weather {
                        width: 74% !important;
                        left: 13% !important;
                        top: 50% !important;
                        height: 450px !important;
                        -webkit-transform: translate(0,-50%);
                        -ms-transform: translate(0,-50%);
                        -o-transform: translate(0,-50%);
                        transform: translate(0,-50%);
                    }
                }
            </style>
            <script>
                var is_weather = '';
                if (is_weather == 0) {
                    $(".s_weather1").css("display", "none");
                } else {
                    $(".s_weather1").css("display", "block");
                    $(".s_map").css("display", "block");
                    $("#s_weather_img").attr("src", "/3d/img/tq.png");
                    s_lat = '';
                    s_lng = '';
                }
                $(function() {
                    $("#s_weather_img").attr("src", "/3d/img/tq.png");
                    change_img();
                    //plugins_init_function.push(link_init_weather);
                    $('#mapMarkModal').on('hide.zui.modal', function(e) {
                        toggleBtns(true);
                    });

                })
                function change_img() {
                    $("#s_weather_img").attr("src", "/3d/img/tq.png");
                }

                function isIos() {
                    var ua = navigator.userAgent.toLowerCase();
                    if (/iphone|ipad|ipod/.test(ua)) {
                        return true;
                    }
                    return false;
                }
                function lookLinkUrl(url) {

                    window.open(url);
                }
                function openWeather(el, readonly) {
                    $("#s_weather_img").attr("src", "/3d/img/tq.png");
                    mapModalEl = el;

                    lat = s_lat;
                    lng = s_lng;

                    showapi_appid = 49883;
                    showapi_sign = '5c58368bfe064bd8b7680b160341068c';

                    $.ajax({
                        url: "http://route.showapi.com/9-5",
                        data: {
                            from: 3,
                            lng: lat,
                            lat: lng,
                            showapi_appid: showapi_appid,
                            showapi_sign: showapi_sign,
                            needMoreDay: 1,
                        },
                        type: "GET",
                        success: function(data) {
                            if (typeof (data) == 'string') {
                                data = JSON.parse(data);
                            }

                            now_body = data.showapi_res_body.now;
                            now_body_air = now_body.temperature + "℃";
                            now_body_weather = now_body.weather;
                            now_body_direction = now_body.wind_direction;
                            now_body_power = now_body.wind_power;
                            now_body_pm2_5 = now_body.aqiDetail.pm2_5;
                            now_body_quality = now_body.aqiDetail.quality;
                            now_body_pic = now_body.weather_pic;
                            myarea = data.showapi_res_body.cityInfo.c7 + "·" + data.showapi_res_body.cityInfo.c3;

                            var mystr = '';
                            var mydata = data.showapi_res_body;
                            var arobj = [];
                            for (key in mydata) {
                                if (key.length == 2 && key.indexOf('f') != -1) {
                                    var f1_body = mydata[key];
                                    var f1_body_air = f1_body.night_air_temperature + "℃ ~ " + f1_body.day_air_temperature + "℃";
                                    var f1_body_weather = f1_body.day_weather;
                                    var f1_body_direction = f1_body.day_wind_direction;
                                    var f1_body_jiangshui = "降雨概率：" + f1_body.jiangshui;
                                    var f1_body_sun_begin_end = "日出|日落时间" + f1_body.sun_begin_end;
                                    var f1_body_pic = f1_body.day_weather_pic;
                                    if (f1_body.weekday == 0) {
                                        f1_body_weekday = '星期日';
                                    } else if (f1_body.weekday == 1) {
                                        f1_body_weekday = '星期一';
                                    } else if (f1_body.weekday == 2) {
                                        f1_body_weekday = '星期二';
                                    } else if (f1_body.weekday == 3) {
                                        f1_body_weekday = '星期三';
                                    } else if (f1_body.weekday == 4) {
                                        f1_body_weekday = '星期四';
                                    } else if (f1_body.weekday == 5) {
                                        f1_body_weekday = '星期五';
                                    } else if (f1_body.weekday == 6) {
                                        f1_body_weekday = '星期六';
                                    } else if (f1_body.weekday == 7) {
                                        f1_body_weekday = '星期日';
                                    }

                                    var mystr = '<li style="list-style: none;float: left;width:33%;text-align: center;">' + '<div>' + f1_body_weekday + '</div>' + '<div>' + f1_body.night_air_temperature + "℃ ~ " + f1_body.day_air_temperature + "℃" + '</div>' + '<div style="line-height:60px;">' + '<img src="' + f1_body_pic + '" alt="" style="width:50px;height: 50px;">' + '</div>' + '<div>' + f1_body_direction + '</div>' + '<div>' + f1_body_weather + '</div>' + '<div>' + f1_body_jiangshui + '</div>' + '<div>' + f1_body_sun_begin_end + '</div>' + '<div>═════════</div>' + '</li>';
                                    arobj[key.split('f')[1] - 1] = mystr;
                                }
                            }
                            mystr = '';

                            for (var m = 0; m < arobj.length; m++) {
                                mystr += arobj[m];
                            }

                            // var riqi = setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
                            weather_list = '<div class="weather" style="width:25%;left:36%;top:15%;' + 'height:540px;overflow-y:scroll;overflow-y:hidden;background: url(/3dstatic/img/wbg.jpg);background-repeat: no-repeat;background-size:100%;background:rgba(0, 0, 0, 0.7);border-radius:10px;color:#fff;position:absolute;z-index:5000">' + '<div class="weather_title" style="width: 100%;height:50px;line-height: 50px;text-align: center;font-size:1.3em;">' + myarea + '此刻天气状况</div>' + '<div class="weather_now" style="width: 100%;position: absolute;left: 0;top: 50px;text-align: center;height:140px;">' + //	'<div style="text-align: center;line-height: 30px;">'+myarea+'实时天气</div>'+

                            '<div style="line-height:60px;">' + '<img src="' + now_body_pic + '" alt="" style="width:50px;height: 50px;">' + '</div>' + '<div id="jnkc"></div>' + '<div style="line-height:30px;">' + now_body_air + '，' + now_body_weather + '，' + now_body_direction + '，' + now_body_power + '，空气质量：' + now_body_quality + '(' + now_body_pm2_5 + ')</div>' + '</div>' + '<div style="position: absolute;right:10px;top:10px;" class="s_w_close">' + '<a href="javascript:;" style="text-direction:none;color:#fff">X</a></div>' + '<div class="weather_next" style="position: absolute;left: 0;top:160px;width: 100%;height: 340px;overflow-y: scroll;overflow-x: hidden;">' + '<div style="text-align: left;padding-left:50px;line-height: 50px;color : #9AFF02;">' + data.showapi_res_body.cityInfo.c3 + '未来七日内天气预报：</div>' + '<div>' + '<ul>' + mystr +
                            '</ul>' + '</div>' + '</div>' + '</div>';
                            var riqi = setInterval(function() {
                                document.getElementById('jnkc').innerHTML = new Date().toLocaleString() + ' 星期' + '日一二三四五六'.charAt(new Date().getDay());
                            }, 1000)
                            $("#fullscreenid").append(weather_list);
                            $(".s_w_close").click(function() {
                                clearInterval(riqi);
                                $(".weather").remove();
                            });
                        }
                    })
                }
            </script>
            <style type="text/css">
                * {
                    margin: 0;
                    padding: 0;
                }

                a,img {
                    border: 0;
                }

                /*reset样式重置*/
                #menu {
                    width: 100%;
                    position: fixed;
                    z-index: 9999;
                    bottom: 0px;
                    left: 0px;
                }

                #menu ul,#menu li, #menu ol {
                    list-style: none
                }

                #menu .btn3 {
                    width: 100%;
                    text-align: center;
                    -webkit-transform: translate3d(0,0,0);
                    background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53));
                }

                #menu .menu {
                    position: relative;
                    float: left;
                    width: 33.33%;
                    height: 35px;
                    line-height: 35px;
                    background: rgba(255, 255, 255, 0.7);
                    -webkit-box-orient: horizontal;
                    background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53));
                    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
                }

                #menu .menu>.bt-name {
                    -webkit-box-flex: 1;
                    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));
                    ; -webkit-background-size: 1px 100%, 1px 100%;
                    background-size: 1px 100%, 1px 100%;
                    background-position: 1px center, 2px center;
                    background-repeat: no-repeat;
                    position: relative;
                    text-align: center;
                }

                #menu .menu>div>a {
                    text-decoration: none;
                }

                #menu .menu>div>a:hover {
                    background-color: #333;
                }

                #menu .menu:last-child {
                    border-right: none;
                }

                #menu .new-sub>ul {
                    padding-left: 0px;
                }

                #menu .new-sub {
                    position: absolute;
                    bottom: 60px;
                    z-index: 10;
                    width: 100%;
                    padding: 0px 10px;
                    border-radius: 5px;
                    display: none;
                    background: red;
                    border: 1px solid #3d3d46;
                    background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53));
                    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
                }

                #menu .new-sub li:first-child {
                    background: none;
                }

                #menu .new-sub li {
                    width: 100%;
                    float: none;
                    line-height: 50px;
                    text-align: center;
                    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.15))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)));
                    background-size: 100% 1px, 100% 1px;
                    background-repeat: no-repeat;
                    background-position: center 2px, center 1px;
                }

                #menu .new-sub li a {
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    text-align: left;
                    color: #d5d5d5;
                    border: none;
                    text-decoration: none;
                    text-align: center;
                    font-size: 14px;
                }

                #menu .sanjiao {
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    width: 0;
                    height: 0;
                    border: 5px solid transparent;
                    /*	border-right: 5px solid #000;
	border-bottom: 5px solid #000; 
  <img src="/3d/custom_bottom_menu/img/liebiao.png" height="22" border="0">
  */
                    opacity: .5;
                }

                #menu .bt-name {
                    font-size: 14px;
                }

                #menu .bt-name a {
                    display: block;
                    font-size: 14px;
                    color: #d5d5d5;
                }

                #menu em {
                    display: block;
                    overflow: hidden;
                    border: 10px solid #06a;
                    border-color: #404450 transparent;
                    border-width: 10px 10px 0 10px;
                    position: absolute;
                    left: 50%;
                    top: 100%;
                    margin-left: -6px;
                }
            </style>
            <div id="menu"></div>
            <script type="text/javascript">
                
    $(function () {
        plugins_init_function.push(ls_bottom_menu);
    })
    function bindBottemMenus() {
        //弹出垂直菜单
        $(".menu").click(function () {
            if ($(this).hasClass("cura")) {
                $(this).children(".new-sub").hide();
                $(".menu").removeClass("cura");
            } else {
                $(".menu").removeClass("cura");
                $(this).addClass("cura");
                $(".menu").children(".new-sub").slideUp("fast");
                if ($(this).children(".new-sub").find("li").size() > 0) {
                    $(this).children(".new-sub").slideDown("fast");
                }
            }
        });

    }

    function ls_bottom_menu(data) {
        var reval = '';
        var ms = data.bottom_menu;
        if (ms != null && ms.length > 0) {
            $('.vrshow_container_2, .vrshow_container_2_min').css("bottom", "32px");
            $('.vrshow_container_3, .vrshow_container_3_min').css("bottom", "32px");
            reval += "<div class=\"btn3 clearfix\">";
            reval += " ";
            for (var i = 0; i < ms.length; i++) {
                if (ms[i].pid != "0") continue;
                reval += "    <div class=\"menu\"";
                if (ms[i].pct) {
                    reval += "style=\"width:" + ms[i].pct + "%\"";
                }
                reval += ">";
                reval += "        <div class=\"bt-name\"><a  ";
                if (!ms[i].isnew) reval += "  class='fancy iframe'  ";
                reval += "       href='" + (ms[i].url ? ms[i].url : 'javascript:;') + "' target='_blank'>" + "<img src=\"/3dplugin/custom_bottom_menu/img/liebiao.png\" height=\"22\" border=\"0\">" + ms[i].title + "</a></div>";
                reval += "        <div class=\"sanjiao\"></div>";
                reval += "        <div class=\"new-sub\">";
                reval += "            <ul >";
                for (var j = 0; j < ms.length; j++) {
                    if (ms[j].pid == "0") continue;
                    if (ms[j].pid == ms[i].id) {
                        reval += "     <li>               <a ";
                        if (!ms[j].isnew) reval += "  class='fancy iframe'  ";
                        reval += " target=\"_blank\" href=\"" + ms[j].url + "\">" + ms[j].title + "</a> </li>                 ";
                    }
                }
                reval += "            <em></em></ul>";

                reval += "        </div>";
                reval += "               ";
                reval += "    </div> ";
            }
            reval += "</div>";

            $('#menu').html(reval);
            $('#menu .menu').each(function () {
                if ($(this).find("li").size() > 0) {
                    $(this).find('.bt-name>a').removeClass("fancy iframe").removeAttr('href').removeAttr('target');
                }
            })
            bindBottemMenus();
        }

    }

            </script>
            <style>
                .loadingMask {
                    position: absolute;
                    top: 0px;
                    z-index: 2002;
                    left: 0px;
                    text-align: center;
                }

                .loadingMask #loadingImg {
                    width: 400px;
                }
            </style>
            <div id="loadingMask" class="loadingMask">
                <img id="loadingImg">
            </div>
            <script>
                $(function() {
                    plugins_init_function.push(open_load_img);
                })
                function open_load_img(data, settings) {
                    //启动画面
                    var loadingObj = data.loading_img;
                    if (loadingObj && loadingObj.isopen == '1') {
                        showloadingimg(loadingObj.imgPath, loadingObj.bgcolor);
                        settings["events[skin_events].onloadcomplete"] += "js(closeloading());";
                    }
                }
                function showloadingimg(imgPath, bgcolor) {
                    $("#loadingMask").css("height", $(document).height());
                    $("#loadingMask").css("width", $(document).width());
                    $("#loadingMask").css("background-color", bgcolor);
                    $("#loadingMask #loadingImg").attr('src', imgPath);
                    $("#loadingMask").css("line-height", $(document).height() + 'px');
                    $("#loadingMask").show();
                }
                function closeloading() {
                    $("#loadingMask").fadeOut(500);
                }
            </script>
            <style>
                /*	#topAdcontent{
		background: rgba(204, 204, 204, 0.5);
		height: 20px
		 line-height: 20px;
	    color: #353535;
	    font-size: 16px;
	}*/
            </style>
            <script>
                var ad_sys_default = "top_ad";
                var ad_top_show;
                $(function() {
                    plugins_init_function.push(top_ad_init);
                })
                function top_ad_init(data, settings) {
                    var data = data.top_ad;

                    if (data && data.show != "0") {
                        if (data.adcontent && data.adcontent.length > 0) {
                            $("#top_ad marquee").text(data.adcontent);
                            // $("#top_ad").show();
                            ad_top_show = 1;
                            $(".vrshow_container_logo").css('top', '45px');
                            $(".vrshow_container_1_min").css('top', '45px');
                            set_sytem_logo_style();
                        } else if (ad_sys_default.length > 0 && data.allow_sys == '1') {
                            $("#top_ad marquee").text(ad_sys_default);
                            // $("#top_ad").show();
                            ad_top_show = 1;
                            $(".vrshow_container_logo").css('top', '45px');
                            $(".vrshow_container_1_min").css('top', '45px');
                            set_sytem_logo_style();
                        } else {
                            $("#top_ad").hide();
                        }
                    } else {
                        $("#top_ad").hide();
                    }
                }
                function set_sytem_logo_style() {
                    if ($(document).width() <= 768) {
                        $("#system_logo").css('width', '120px').css('top', '90px');
                    } else {
                        $("#system_logo").css('top', '115px');
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(start_cover_init);
                })
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(start_cover_init);
                })
                function start_cover_init(data, settings) {
                    //启动画面
                    var loadingObj = data.loading_img;
                    if (loadingObj && loadingObj.useLoading) {
                        settings["onstart"] += "showloadingimg('" + loadingObj.loadingImgPathWebsite + "','" + loadingObj.loadingImgPathMobile + "');";
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(shade_sky_floor_init);
                })
                function shade_sky_floor_init(data, settings) {

                    var skylandshade = JSON.parse(data.sky_land_shade);

                    if (data.sky_land_shade.isWhole) {
                        //全局遮罩
                        var useShade = skylandshade.useShade;
                        if (useShade) {
                            var imgPath = skylandshade.shadeSetting.imgPath;
                            var location = skylandshade.shadeSetting.location;
                            if (location == 0) {
                                location = -90;
                            } else {
                                location = 90;
                            }
                            settings["events[skin_events].onloadcomplete"] += "show_shade('" + imgPath + "'," + location + ",true);";
                        }
                    } else {
                        //单场景遮罩
                        settings["events[skin_events].onloadcomplete"] += "js(getShade(get(xml.scene)));";
                    }
                }
                function getShade(sceneName) {
                    var imgUuid = sceneName.substring(sceneName.indexOf('_') + 1).toLowerCase();
                    var panoData = $("body").data("panoData");

                    var skylandshade1 = JSON.parse(panoData.sky_land_shade);

                    var shadeSetting = skylandshade1.shadeSetting;

                    //alert(shadeSetting);
                    if (shadeSetting) {
                        for (var i = 0; i < shadeSetting.length; i++) {
                            var obj = shadeSetting[i];
                            if (imgUuid == obj.imgUuid.toLowerCase()) {

                                var useShade = obj.useShade;
                                if (useShade) {
                                    var imgPath = obj.imgPath;
                                    var location = obj.location;
                                    if (location == 0) {
                                        location = -90;
                                    } else {
                                        location = 90;
                                    }
                                    var krpano = document.getElementById('krpanoSWFObject');
                                    krpano.call("addShade('" + imgUuid + "','" + imgPath + "'," + location + ");");
                                }
                            }
                        }
                    }
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(showuser_init);
                })
                function showuser_init(data) {
                    if (data.hideuser_flag == '1') {
                        $("#authorDiv").hide();
                    } else {
                        $("#authorDiv").show();
                    }
                }
            </script>
            <div class="modal" id="qrCodeModal" data-backdrop="static" data-keyboard="false" style="z-index:2002">
                <div class="modal-dialog" style="height:350px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <span style="color: #353535;">用手机扫描二维码分享给你的好友</span>
                    </div>
                    <div class="modal-body">
                        <div class="center-block" style="text-align: center">
                            <img id="qrcode" src="/3d/img/loading.gif" width="226px" height="226px">
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(function() {
                    plugins_init_function.push(share_init);
                })
                function share_init(data) {
                    if (data.hideshare_flag == "1") {
                        $("#shareDiv").hide();
                    }
                }
                //分享-获取二维码
                function getQRCodePic() {
                    $("#qrCodeModal").modal('show');
                    $("#qrcode").attr("src", '/st.ashx?viewid=' + work_view_uuid + "&len=6");
                    $(".dis-container").hide()
                }
            </script>
            <script>
                $(function() {
                    plugins_init_function.push(showviewnum_init);
                })
                function showviewnum_init(data) {

                    if (data.hideviewnum_flag == '1') {
                        $("#viewnumDiv").hide();
                    }

                }
            </script>
            <div class="modal" id="infomationModal" data-backdrop="static" data-keyboard="false" style="z-index:2002">
                <div class="modal-dialog">
                    <div class="modal-header text-center">
                        <button type="button" class="close" onClick="hideProfile()">
                            <span>&times;</span>
                        </button>
                        <span style="color: #353535;font-weight:700" id="profileWorkName"></span>
                    </div>
                    <div class="modal-body" style="height:450px;overflow-y:scroll ">
                        <div class="row">
                            <div class="col-sm-offset-1 col-md-offset-1 col-md-10 col-sm-10 col-xs-12">
                                <span id="profileProfile"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(function() {
                    plugins_init_function.push(profile_init);
                })
                function profile_init(data) {
                    if (data.hideprofile_flag == '1' || data.profile == "" || data.profile == null) {// $("#profileDiv").hide();
                    }
                }
                function hideProfile() {
                    $('#infomationModal').modal('hide');
                    toggleBtns(true);
                }
                function showProfile() {
                    toggleBtns(false);
                    var data = $("body").data("panoData");
                    $('#profileWorkName').text('');
                    $('#profileProfile').text('');
                    $('#profileWorkName').text(data.name);
                    $('#profileProfile').html(data.profile == null ? "" : data.profile);
                    $('#infomationModal').modal("show");
                }
            </script>
            <div class="vrshow_comment">
                <div class="row">
                    <div class="col-md-12">
                        <h4 style="margin-left:10px">评论</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="padding-left:20px;padding-right:20px">
                        <textarea id="usercomm" class="form-control" rows="3" placeholder="说点什么吧！最多不要超过15个字哦" maxlength="15"></textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 text-right" style="padding:10px 20px">
                        <div class="hide-comment" onClick="switch_show_comment(false)">
                            <img src="/3dplugin/comment/img/hide-comment.png">
                            <span>隐藏</span>
                        </div>
                        <button class="btn btn-primary disabled" type="button" id="doComm">发表</button>
                        <button class="btn" type="button" onClick="cancel_comment()">取消</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="rewardModal" data-keyboard="false" style="z-index:2002">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header" style="padding:5px 15px;">
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span>
                            <span class="sr-only">关闭</span>
                        </button>
                        <h4 class="modal-title">打赏---赞赏作者,金额随意!(鼓励一下！^_^)</h4>
                    </div>
                    <div class="modal-body">
                        <div class="input-group">
                            <span class="input-group-addon">&yen;</span>
                            <input type="number" id="reward_amount" maxlength="6" class="form-control" placeholder="0.00" style="text-align: right;">
                            <input type="hidden" id="browser_type" value="">
                            <span class="input-group-addon">元</span>
                            <button type="button" style="float:right;margin-left:5px" class="btn btn-primary btn-block" onClick="confirmReward()">确定打赏</button>
                        </div>
                        <div id="reward_lists"></div>
                        <ul class="pager pager-pills" style="margin:10px 0 0 0">
                            <li class="previous">
                                <a href="javascript:void(0);" id="reward_list_pre">« 上一页</a>
                            </li>
                            <li class="next">
                                <a href="javascript:void(0);" id="reward_list_next">下一页 »</a>
                            </li>
                        </ul>
                        <script type="text/javascript">
                            
			       var pid = '96';
			       var reward_page = 1;

			       function get_reward_lists(page) {
			           reward_page = page;
			           $.post("/tour.php", { act: 'reward_lists', pid: pid, page: page }, function (data) {
			               var lists_content = '';
			               for (var i = 0; i < data.length; i++) {
			                   var v = data[i];
			                   lists_content += '<div style="font-size:12px;margin-top:10px">' +
					                 '<img src="' + v.head_img + '" style="height:25px;border-radius:5px;">' +
									 ' ' + v.nickname + ' <font color="red">' + v.create_time + '</font> 打赏了 <font color="red">' + v.amount + '</font> 元' +
									 '</div>';
			               }
			               $("#reward_lists").html(lists_content);
			           }, "json");
			       }

			       $(document).ready(function () {
			           $("#reward_list_pre").click(function () { get_reward_lists(reward_page - 1) });
			           $("#reward_list_next").click(function () { get_reward_lists(reward_page + 1) });
			       });
			  
			  
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="rewardQrCodeModal" data-keyboard="false" style="z-index:2002">
            <div class="modal-dialog">
                <div class="modal-content" style="text-align: center;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span>
                            <span class="sr-only">关闭</span>
                        </button>
                        <h4 class="modal-title">扫描或长按识别下图二维码完成打赏</h4>
                    </div>
                    <div class="modal-body">
                        <img src=""/>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal" id="video_player_modal" data-keyboard="false" style="z-index:2002">
            <div class="modal-dialog">
                <div class="modal-body" style="padding: 0">
                    <a href="javascript:;" onClick="close_video_player()" style="position:absolute;color:white;z-index:99999;right:5px;top: 3px;">关闭</a>
                    <div class="prism-player" id="J_prismPlayer"></div>
                </div>
            </div>
        </div>
        <style>
            #redpack_view .modal-dialog {
                width: 330px;
                background-color: #e4312d;
                position: relative;
                padding: 50px 10px 30px 10px;
                margin: auto;
            }

            #redpack_view .card_img {
                position: absolute;
                left: 40px;
                top: -88px;
            }

            #redpack_view .card_close {
                width: 25px;
                height: 25px;
                position: absolute;
                right: 6px;
                top: -13px;
                background-color: #e4312d;
                border-radius: 25px;
                padding-left: 6px;
                padding-top: 2px;
                cursor: pointer;
            }

            #redpack_view .card_close .icon-times {
                color: #fff;
                font-size: 18px;
            }

            #redpack_view .card_wrap {
                background-color: #fff;
                width 100%; min-height: 320px;
                border-radius: 10px;
            }

            #redpack_view .card_title {
                height: 50px;
                background-color: #d5d5d5;
                width: 100%;
                border-radius: 10px;
                text-align: center;
                line-height: 50px;
                position: relative;
            }

            #redpack_view .card_title span {
                font-size: 18px;
                font-weight: bold;
                color: #434343;
            }

            #redpack_view .card_title div {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                position: absolute;
                background-color: #e4312d;
                bottom: -8px;
            }

            #redpack_view .card_title .left_shade {
                left: -7px;
            }

            #redpack_view .card_title .right_shade {
                right: -7px;
            }

            #redpack_view .card_content {
                margin-top: 20px;
                padding: 20px;
            }

            #redpack_view .card_content .line {
                height: 1px;
                width: 30%;
                border-bottom: 1px solid #e66565;
            }

            #redpack_view .card_content .card_sysm {
                width: 30%;
                height: 30px;
                border: 1px solid #e66565;
                margin-top: -15px;
                border-radius: 30px;
                text-align: center;
                line-height: 30px;
                margin-left: 5%;
            }

            #redpack_view .card_content .card_sysm span {
                color: #fa9488;
            }

            #redpack_view .card_content_text {
                margin-top: 25px;
            }

            #redpack_view .card_footer {
                height: 50px;
                border-top: 1px dotted;
                line-height: 45px;
                text-align: center;
            }

            @media screen and (min-width: 320px) and (max-width: 480px) {
                #redpack_view .modal-dialog {
                    width: 90%;
                }

                .card_content_text {
                    max-height: 200px;
                    overflow: auto;
                }
            }
        </style>
        <!-- 红包 -->
        <div class="modal fade" id="redpack_view" tabindex="-1" style="z-index:9999" role="dialog" aria-labelledby="redpack_view">
            <div class="modal-dialog " style="margin-top: 100px;">
                <div class="card_img">
                    <img src="/3d/img/kr/redpack_tit.png">
                </div>
                <div class="card_close" data-dismiss="modal" aria-label="Close">
                    <i class="icon icon-times"></i>
                </div>
                <div class="card_wrap">
                    <div class="card_title">
                        <span id="redpack_title" style="font-size:21px;color:#E4312D"></span>
                        <div class="left_shade"></div>
                        <div class="right_shade"></div>
                    </div>
                    <div class="card_content">
                        <div class="line pull-left"></div>
                        <div class="pull-left card_sysm">
                            <span>领取规则</span>
                        </div>
                        <div class="line pull-right"></div>
                        <div class="card_content_text">
                            <p>红包由商户直接发出，即时到账</p>
                            <p>1个微信账号同1个红包只能领取1次</p>
                            <pre style="border:0px;background-color: #ffffff;color: grey;font-size: 13px;line-height: 25px;padding: 0;"></pre>
                            <a href="JavaScript:void(0);" class="btn btn-primary" style="width:100%;font-size:24px;" id="btn_receive_redpack">领取红包</a>
                        </div>
                    </div>
                    <div class="card_footer">
                        <span>领取过程中有任何疑问请联系管理员</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="tour_guide_audio_wrap" style="display: none;"></div>
    </body>
    <script type="text/javascript">
      
    var pk_user_main = '21';
    //组装分享的参数
    //title
    _title = '全景';
    _content = '';
    _imgUrl = '#';
    </script>
    <link rel="stylesheet" type="text/css" href="/3d/fancybox/jquery.fancybox.css"/>
    <script type="text/javascript" src="/3d/fancybox/jquery.fancybox.js"></script>
    <script language="JavaScript" type="text/javascript" src="/3d/js/kr/object.js"></script>
    <script language="JavaScript" type="text/javascript" src="/3d/js/kr/jssdk.js"></script>
    <script type="text/javascript" src="/3d/js/alivideo.js"></script>
    <script language="JavaScript" type="text/javascript" src="/3d/js/kr/vrshow202.js?v=1.25"></script>
</html>
